
//---------页面加载 启动自执行函数  加载数据
$(function(){
    //console.log($(".sortnav"))
    //------------------公共页脚------------------------------------------
    $(".footDiv").load("../zworld-footer");
    getcityWalk()
})
//--------获取后台数据------------------------
function getcityWalk(){
    $.get("../cityWalk/cityWalkList.json",function(res){
        console.log(res);
        createItems(res);//调用 创建数据 函数

    })
};
    //--------创建元素  接受数据-------------------------------
        $(window).scroll(function(){
            //console.log($("body").scrollTop());
            if($("body").scrollTop()>200){
                $(".cityWalk_header-serach").css({
                    "position":"fixed",
                    "top":'0px'
                })
            }else{
                $(".cityWalk_header-serach").css({"position":"","background":"#fff"});
            }
        })

//console.log(cityWalkUl)
    function createItems(data){
        var cityWalkUl= $(".citylist-ul");
        cityWalkUl.empty();
        $.each(data,function(m,n){
            //console.log(n["imgurl"]);
          var cityWalk_li = $("<li class='citylist-li'/>");
                cityWalk_li.appendTo(cityWalkUl);
                cityWalk_li.append($("<img class='citylist-li-img' width='400px' height='270px'/>").attr('src',n["imgurl"]));
            cityWalk_li.append($("<div class='bigcard'/>")
            //    ----------div------
                .append($("<div class='bigcard-title'/>")
                    .append($("<span class='bigcard-span'/>").html(n["address"]))
                    .append($("<div class='bigcard-sell'/>").append($("<span/>").html(n["browseCount"]))
                        .append($("<span class='sell'/>").html("浏览")).append($("<i class='asell'/>").html(n["soldCount"]))
                        .append($("<span class='sell'/>").html("已售"))))
                //----------h2--------------------------
                .append($("<h2 class='citylist-li-h2'/>").append($('<a/>').attr("href","#").html(n['title'])))
                //---------------------------------------
                .append($("<div class='citylist-li-list'/>").append($("<p class='citylist-li-p'/>").html(n["introduce"][0]))
                    .append($("<p class='citylist-li-p'/>").html(n["introduce"][1])).append($("<p class='citylist-li-p'/>").html(n["introduce"][2])))
            //    ------------------------------------------------
                .append($("<div class='citylist-li-price'/>").append($("<span class='line'/>").html(n["oldPrice"]))
                    .append($("<em/>").html(n["newPrice"])).append($("<span/>").html("元起")))
            //--------------------------------------------------
                .append($("<div class='citylist-li-bar'/>").append($("<a class='citylist-li-btn'/>").attr("href","#").html('立即预定'))))

            //sortsales(data,cityWalk_li)//排序  销量
       });
        $(".sales").click(function(){
            var Lis=$(".citylist-li");
            console.log(Lis);
            for(var i=0;i<Lis.length;i++){
                for(var k=0;k<Lis.length-1-i;k++){
                    if(Number($(".asell").eq(k).html()) < Number($(".asell").eq(k+1).html()) ){
                        var t =Lis.eq(k+1).html();
                        // console.log(t);
                        Lis.eq(k+1).html(  Lis.eq(k).html() );
                        Lis.eq(k).html( t );
                        // console.log(Lis.eq(k+1).html())
                    }
                }
            }

        })
}